<template>
  <div class="content mt40">
    <NavHeader></NavHeader>
    <div class="newsList">
      <ul>
        <li v-for="(item, index) in arrList">
          <a href="javascript:;">
            <h5>{{index+1}} .{{item.title}}</h5>
            <p>{{item.detail}}</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>

  import NavHeader from './Nav.vue'

  export default {
    components: {
      NavHeader
    },
    data(){
      return {
        arrList:[]
      }
    },
    mounted(){
      this.fetchData()
    },
    methods:{
      fetchData(){
        var _this=this;
        this.$http.get('src/data/follow.data').then(function(res){
          //console.log( res.data);
          //setTimeout(function(){
          _this.arrList=res.data;
          //},1000);
        }).catch(function(err){
          console.log(err);
        });
      }
    }
  }
</script>
<style scoped>
  .mt40{
    margin-top:40px;
  }
</style>
